<template>
    <div class="suo">
        <div class="suo-one">搜索结果</div>
        <div class="suo-one-q">找到<span class="suo-one-qq"> {{ total }}</span>家企业</div>
        <zujian5 v-for="(item, index) in qw" :key="index" :info="item"> </zujian5>
    </div>
</template>

<script>
import zujian5 from '../components/djl/zujian5.vue';
// 请求的工具,http请求
import axios from 'axios'
// 加解密
import { desEncrypt, desDecrypt } from '../../../des.js'
export default {
    name: "",
    /*1. Vue扩展 */
    extends: "", // extends和mixins都扩展逻辑，需要重点放前面
    mixins: [],
    components: { zujian5 },
    /* 2. Vue数据 */
    props: {},
    model: { prop: "", event: "" }, // model 会使用到 props
    data() {
        return {
            qw: [],
            total: '',
        };
    },
    computed: {},
    watch: {}, // watch 监控的是 props 和 data，有必要时监控computed
    /* 3. Vue资源 */
    filters: {},
    directives: {},
    /* 4. Vue生命周期 */
    created() {
        console.log(this.$route.query.name);
        this.getList()
    },
    mounted() { },
    destroy() { },
    /* 5. Vue方法 */
    methods: {
        getList() {
            // 发送请求（请求的内容需要加密），使用axios发送post请求

            // 1、设置请求头
            const headers = {
                'token': 'cxgc123456'
            }
            // 2、设置请求的地址
            const url = '/map/fullAmountCorp'
            // 3、设置请求体 分页参数
            const params = {
                pageBO: {
                    pageSize: 20,
                    pageNum: 1,
                },
                searchParam: this.$route.query.name
            }
            // 4、请求体加密
            // const axios = {
            //     post: function (a, b, c) {

            //     }
            // }
            // 发送请求（post）


            const newParams = {
                data: desEncrypt(JSON.stringify(params), "98fbffd1064a4355b8abaacb6fa96f94")
            }
            axios.post(url, newParams, { headers: headers })
                .then(response => {
                    // 解密
                    const resContent = JSON.parse(desDecrypt(response.data.data, '98fbffd1064a4355b8abaacb6fa96f94'))
                    console.log(resContent, '请求的结果'); // 处理响应数据
                    this.qw = resContent.data.list
                    this.total = resContent.data.total
                })
                .catch(error => {
                    console.error(error); // 处理错误情况
                });
        },
    }
};
</script>


<style scoped lang="scss">
.suo {
    .suo-one {
        font-size: 17px;
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        color: #000000;
        text-align: center;
        margin-top: 59px;
    }

    .suo-one-q {
        height: 27px;
        background: #F3F3F3;
        line-height: 27px;
        margin-left: 9px;
        font-size: 13px;
        font-family: Alibaba PuHuiTi;
        font-weight: 400;

    }

    .suo-one-qq {
        font-size: 13px;
        font-family: Alibaba PuHuiTi;
        font-weight: 400;
        color: #DC0511;
    }
}
</style>